﻿@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}
@using HrEFCore
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script src="~/aa/vue/dist/vue.js"></script>
	<script src="~/aa/element-ui/lib/index.js"></script>
	<link href="~/aa/element-ui/lib/theme-chalk/index.css" rel="stylesheet" />
	<script src="~/aa/axios/dist/axios.js"></script>
	<link href="~/css/table.css" rel="stylesheet" />
	<link rel="stylesheet" href="../../css/table.css"
		  type="text/css"></link>
	<style type="text/css">
		body {
			background: rgb(253,244,227);
		}

		.TD_STYLE1 {
			background: #E6DDCE;
			/* color:white; */
		}

		.TD_STYLE2 {
			background: rgb(253,244,227);
		}

		.INPUT_STYLE2 {
			background: rgb(253,244,227);
		}
	</style>

</head>

<body>
	<div id="xl">
		<form action="" method="post">
			<input type="hidden" name="page.startPage" value="0">
			<table width="100%">
				<tr>
					<td>
						<font color="black">您正在做的业务是：人力资源--薪酬发放管理--薪酬发放登记</font>
					</td>
				</tr>
				<tr>
					<td align="right">
						<input type="button" v-on:click="xl" value="确 定" class="BUTTON_STYLE1">
					</td>
				</tr>
			</table>
			<table width="100%" border="1" cellpadding=0 cellspacing=1
				   bordercolorlight=#848284 bordercolordark=#eeeeee
				   class="TABLE_STYLE1">
				<tr>
					<td width="27%" class="TD_STYLE1">
						薪酬发放方式
					</td>
					<td width="22%" class="TD_STYLE1">
						<el-select v-model="selectedValue" name="selectedValue" placeholder="请选择" v-on:change="gb">
							<el-option v-for="item in options"
									   :key="item.value"
									   :label="item.label"
									   :value="item.value">
							</el-option>
						</el-select>
					</td>
					<td width="60%" class="TD_STYLE1"></td>
				</tr>

			</table>
		</form>
	</div>
	<script type="text/javascript">
		var vm = new Vue({
			el: "#xl",
			data: {
				list: [],
				list2: [],
				list3: [],
				where: " 1=1 ",
				selectedValue: "",
				options: [{
					value: '一级机构',
					label: '一级发放方式'
				}, {
					value: '二级机构',
					label: '二级发放方式'
				}, {
					value: '三级机构',
					label: '三级发放方式'
				}],
			},
			methods: {
				xl() {

					if (this.selectedValue == "一级机构") {
						this.where += " and SecondKindId IS NULL and ThirdKindId IS NULL  ";
					} else if (this.selectedValue == "二级机构") {
						this.where += " and FirstKindId is NOT NULL and ThirdKindId is null ";
					} else if (this.selectedValue == "三级机构") {
						this.where += " and FirstKindId is NOT NULL and SecondKindId IS not NULL  and ThirdKindId IS not NULL  ";
					}
					sessionStorage.setItem("selectedValue", this.where);
					sessionStorage.setItem("selectedValue2", this.selectedValue);

					window.location.href = "/SG/Query_List";
				},
				gb: function () {
					this.where = " 1=1 ";
				}
			},

		});
	</script>
</body>
</html>